body {
	margin: 0px;	 
	padding: 0px;	 
	background: #000000 url('https://sites.google.com/a/pointwest.com.ph/sandbox/file-cabinet/light_noise_diagonal.png') repeat center center fixed; }
 #main {
	width: 100%;			 
	background-color: transparent;			 
	padding: 0px;			 
	margin: 0px;			 
	display: table; 
}
#menu {				 
	width: 100%;			 
	padding: 0px;			 
	background-color: rgba(51, 51, 51, 1);			 
	padding: 0px;			 
	margin: 0px;			 
	text-align: center;			 
	display: table-row;
}
#nav-menu {				 
	list-style: none;			 
	width: 100%;			 
	margin: 0px;			 
	padding: 0px; 
}
.nav-item {				 
	display: inline-block;			 
	padding: 10px 20px;			 
	text-transform: uppercase;			 
	color: #ffffff;			 
	font-family: 'Open Sans Condensed';			 
	font-weight: bold;			 
	cursor: pointer;			 
	-webkit-transition: all 0.5s linear; 
}
.nav-item:hover {				 
	color: #ffd700;
}

.selected-nav-item {				 
	color: #ffa500; 
}
#body {				 
	width: 100%;			 
	height: 700px;			 
	margin: 0px auto;			 
	display: table-row;
}
.content {				 
	width: 800px;			 
	height: 400px;			 
	margin-top: 10px;			 
	margin-left: 10px;			 
	display: none;
}
.content iframe {				 
	border-radius: 3px;
}
#banner {				 
	width: 80%;			 
	padding: 5px 10%;			 
	margin: 0px auto;			 
	display: table;			 
	background-color: rgba(0, 70, 182, 0.5);			 
	background: #000000 url('https://sites.google.com/a/pointwest.com.ph/sandbox/file-cabinet/image_bg.jpg') no-repeat center fixed;			 
	-webkit-background-size: cover;			 
	-moz-background-size: cover;			 
	-o-background-size: cover;			 
	background-size: cover;
}
#banner img {				 
	display: inline;			 
	background-color: rgba(255, 255, 255, 1);			 
	border-radius: 90px; 
}

.tagline {				 
	font-family: 'Lato';			 
	font-size: 30px;			 
	color: #FFFFFF;			 
	min-width: 300px;			 
	padding: auto 10px;			 
	margin: 0px;			 
	text-transform: uppercase;			 
	text-align: right;			 
	background-color: rgba(0, 0, 0, 0.5);			 
	float: right; 
}
.highlighted, .nickname {				 
	color: #FFA500; 
}
.nickname:before, .nickname:after {				 
	content: '"';
}
iframe {				 
	display: table-row;			 
	overflow: visible;
}
#preview-pane {				 
	width: 60%;			 
	float: left;			 
	display: inline; 
}
#icon-menu {				 
	float: right;			 
	width: 400px;			 
	padding: 0px;			 
	margin-right: 40px;			 
	display: inline;			 
	padding-top: 30px;			 
	text-align: center;
}
.icon-button {				 
	float: right;			 
	height: 70px;			 
	width: auto;			 
	border-radius: 35px;			 
	margin: 3px;			 
	background-color: rgba(255, 255, 255, 0.75);			 
	cursor: pointer;			 
	display: table-cell;			 
	border: thin solid #333333;			 
	-webkit-transition: all 0.25s linear; 
}
.icon-button:hover {				 
	background-color: rgba(255, 165, 0, 0.75);
}
.big-button {				 
	border: none;			 
	background-color: #0046B6;			 
	color: #FFFFFF;			 
	font-family: 'Open Sans';			 
	font-size: 26px;			 
	font-weight: 400;			 
	padding: 10px 30px;			 
	border-radius: 3px;			 
	box-shadow: 0px 0px 7px #333333;			 
	cursor: pointer;			 
	-webkit-transition: all 0.25s linear; 
}
.big-button:hover {				 
	background-color: #00BCED; 
}
h3 {				 
	font-family: 'Open Sans Condensed';			 
	background-color: #333333;			 
	color: #FFA500;			 
	text-align: left;			 
	text-transform: uppercase;			 
	padding-left: 20px;			 
	border-radius: 2px; 
}
h2 {				 
	font-family: 'Open Sans Condensed';			 
	font-size: 36px;			 
	text-transform: uppercase;			 
	width: 300px;			 
	padding-left: 20px;			 
	background-color: rgba(0, 70, 182, 0.75);			 
	color: #FFFFFF;			 
	border-radius: 3px;			 
	-webkit-text-stroke-color: #333333;			 
	-webkit-transform: rotate(-3deg); 
}
.content p {				 
	font-family: 'Open Sans';			 
	color: #333333;			 
	margin: 10px 40px;			 
	margin-right: 70px;			 
	text-align: justify;
}
.content p:first-letter {  
	font-size: x-large;			 
	margin-left: 40px;
}
.project-header {				 
	font-family: 'Open Sans Condensed';			 
	font-size: 26px;			 
	background-color: none;			 
	text-transform: uppercase;			 
	padding-left: 40px; 
}
.project-header a {			 
	text-decoration: none;			 
	color: #FFA500; 
}
.project-icon, .dpic {				 
	height: 80px;			 
	width: auto; 
}
#team-table {				 
	margin-left: 30px;			 
	font-family: 'Open Sans Condensed';			 
	width: 70%;			 
	text-align: center; 
}
#footer {				 
	width: 100%;			 
	padding: 20px 0px;			 
	display: table-row;			 
	position: absolute;			 
	font-family: 'Open Sans';			 
	font-size: x-small;			 
	text-align: center; 
}
#footer a {				 
	text-decoration: none;			 
	color: #00BCED;		 
}